<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*内联样式写法：写在style标签中*/
        /*
        选择器+{属性名称1:属性值1;属性名称2:属性值2}
        */
        h1 {
            color: red;
            font-size: 50px;
            /*去粗*/
            font-weight: normal;
            /*斜体*/
            font-style: italic;
            font-family: 隶书;
        }
        div {
            color: blue;
            font-size: 20px;
            /*加粗*/
            font-weight: bold;
            font-family: '华文行楷';
        }
        i {
            color: rgba(208, 10, 238, 0.65);
            font-size: 30px;
            /*不斜体*/
            font-style: normal;
        }
    </style>
</head>
<body>
<h1>大标题</h1>
<div>小标题</div>
<i>倾斜</i>
<!--行内样式写法：写在标签的style属性中-->
<!--<h1 style="color: red;font-size: 50px">大标题1</h1>-->
<!--<h1 style="color: rgb(157,99,228)">大标题2</h1>-->
<!--<h1 style="color: #7cb4db">大标题3</h1>-->


</body>
</html>
